screenshot-ui: Add a check icon to selected window

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/1954>

diff --git a/data/theme/gnome-shell-sass/widgets/_screenshot.scss b/data/theme/gnome-shell-sass/widgets/_screenshot.scss
index 0a626aa2ea7ef7ed64b9abe42401d09115df9401..0abc0f85c243e847f361173f551136639604ba3b 100644 (file)
--- a/data/theme/gnome-shell-sass/widgets/_screenshot.scss
+++ b/data/theme/gnome-shell-sass/widgets/_screenshot.scss
@@ -113,6 +113,14 @@
   border: 6px transparent;
 }
 
+.screenshot-ui-window-selector-check {
+  transition-duration: 200ms;
+  color: transparent;
+  border-radius: 99px;
+  border-width: 12px;
+  icon-size: 24px;
+}
+
 .screenshot-ui-window-selector-window {
   &:hover {
     .screenshot-ui-window-selector-window-border {
@@ -124,6 +132,11 @@
       border-color: $selected_bg_color;
       background-color: transparentize($selected_bg_color, 0.8);
     }
+
+    .screenshot-ui-window-selector-check {
+      color: white;
+      background-color: $selected_bg_color;
+    }
   }
 }
 

diff --git a/js/ui/screenshot.js b/js/ui/screenshot.js
index dbb993e74aff8134b5b467a58da46c7fb60c3b9e..afb3277a27bcf84eb753f75e632ea94652aad08b 100644 (file)
--- a/js/ui/screenshot.js
+++ b/js/ui/screenshot.js
@@ -719,6 +719,13 @@ class UIWindowSelectorWindow extends St.Button {
         });
         this.add_child(this._border);
 
+        this._border.child = new St.Icon({
+            icon_name: 'object-select-symbolic',
+            style_class: 'screenshot-ui-window-selector-check',
+            x_align: Clutter.ActorAlign.CENTER,
+            y_align: Clutter.ActorAlign.CENTER,
+        });
+
         this.connect('destroy', this._onDestroy.bind(this));
     }